<template>
	<view class="content">
		<pagehead :isActive="0"></pagehead>
		<view class="middle">
			<view class="avatar">
				<image src="../../static/avatar.jpg"></image>
			</view>
			<view class="slogn">
				<p><text class="h">H</text>ello,</p>
				<p>I'm Your Developer</p>
			</view>
		</view>
		<pagefoot></pagefoot>
	</view>
</template>

<script>
	const getData = uniCloud.importObject('mp_getData')
	export default {
		data() {
			return {
				avatar:""
			}
		}
	}
</script>

<style lang="less" scoped>
	@import url('../../public/css/public.less');
	.content{
		color: @font-color;
		.middle{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			.avatar{
				display: flex;
				flex-direction: column;
				border: 5rpx solid #444444;
				border-radius: 50%;
				overflow: hidden;
				justify-content: space-around;
				align-items: center;
				image{
					height: 300rpx;
					width: 300rpx;
				}
			}
			.slogn{
				margin-top: 60rpx;
				color: #ffffff;
				font-size: 60rpx;
				.h{
					color: red;
				}
			}
		}
		.foot{
			font-size: 15rpx;
			color: #adadad;
			display: flex;
			flex-direction: row;
			justify-content: center;
		}
	}
</style>
